<template>
  <div>
    <span class="logo logo-blue">M</span>
    <span class="logo logo-red">y</span>
    <span class="logo logo-yellow">S</span>
    <span class="logo logo-blue">e</span>
    <span class="logo logo-green">a</span>
    <span class="logo logo-red">r</span>
    <span class="logo logo-yellow">c</span>
    <span class="logo logo-blue">h</span>
  </div>
</template>

<script>
export default {
  data () {
    return {

    }
  }
}
</script>

<style lang="less" scoped>
.logo {
  font-size: 3em;
  font-weight: bold;
}
.logo-blue {
  color: #4285f4;
}
.logo-red {
  color: #e84235;
}
.logo-yellow {
  color: #fabb06;
}
.logo-green {
  color: #34a853;
}
</style>